<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fa/css/all.css">
</head>

<body>
    <!-- 字体不会失真 -->
    <!-- 可以换颜色、 -->
    <!-- 字体本身比较小 -->
    <!-- 图片使用较多 比较大 -->
    <!-- 都是单色 -->
    <!-- 把小的图标设置成字体 -->
    <!-- 在进行引用  就省事狠多了 -->
    <!-- iconfont 图标字体 -->
    <!-- 使用小型的图标   图片 引入图标  -->
    <!-- 但是比较大  并且不灵活 -->
    <!-- 所以将图标设置成字体  通过字体的形式来使用图标 -->
    <!-- 如何使用？ -->
    <!-- 1.使用类名 -->

    <i class="fas fa-bell"></i> 
    <!-- 后面是具体要用的图标 -->
    <!-- fab  慢慢试 -->

</body>

</html>